<template>
	<view class="bill-detail">
		<view class="cell flex-space-between">
			<view>缴费类型</view>
			<view>电费</view>
		</view>
		<view class="cell flex-space-between">
			<view>状态</view>
			<view>已扣费</view>
		</view>
		<view class="cell flex-space-between">
			<view>费用</view>
			<view>¥50.00</view>
		</view>
		<view class="cell flex-space-between">
			<view>扣款时间</view>
			<view>2021/10/31 10:00:00</view>
		</view>
		<view class="cell flex-space-between">
			<view>本期用电读数</view>
			<view>1680度</view>
		</view>
		<view class="cell flex-space-between">
			<view>上期用电读数</view>
			<view>1630度</view>
		</view>
		<view class="cell flex-space-between">
			<view>本期用电数</view>
			<view>50度</view>
		</view>
		<view class="cell flex-space-between">
			<view>本期用电时间</view>
			<view>2021/9/30-10/30</view>
		</view>
		<view class="cell flex-space-between">
			<view>抄表人</view>
			<view>李伟</view>
		</view>
		<view class="cell flex-space-between">
			<view>抄表日期</view>
			<view>2021/10/28 10:00:00</view>
		</view>
		<view class="cell">
			<view style="margin-bottom: 30rpx;">图片</view>
			<van-image
				src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/61a6df60dc329c0011115679/61b6f9bf2c852500127d8bd8/16393820250063926208.png"
				width="118rpx" height="118rpx"
			/>
		</view>
	</view>
</template>

<script>
export default {

}
</script>

<style lang="scss" scoped>
.bill-detail {
	font-size: 28rpx;
	line-height: 26rpx;
	padding-bottom: 40rpx;
	
	.cell {
		padding: 40rpx 30rpx;
		
		& + .cell {
			border-top: 1rpx solid rgb(239,239,239);
		}
	}
}
</style>
